<template>
  <div>
    <component :is="activity" @change="changeComponent"></component>
  </div>
</template>

<script>
import List from './list.vue'
import Examine from './examine.vue'
export default {
  components: {
    List,
    Examine
  },
  data() {
    return {
      activity: 'List'
    };
  },
  methods: {
    changeComponent(str) {
      this.$nextTick(() => {
        this.activity = str
      })
    }
  }
};
</script>